 <div class="Module_TAB border_radius">
          <h4 class="SelectPageId">
           	<foreach name="controls" item="c">
           	
                    <strong>{$c.controlName}</strong>
             </foreach>
          </h4>
          <div class="page_container Model_ul">
       	<foreach name="controls" item="c">
          <ul class="TABUL" style="display:none">
           	
           		{:W('Module/'.$c['modulename'],array($c['id'],$c['controlName'],$c['count'],$c['modulename']))}
          </ul>
    </foreach>
            
          </div>
    </div>
    <script>
	$(function()
	{
		$(".TABUL:eq(0)").slideDown();
		$('.SelectPageId strong:eq(0)').addClass('selectPage');
		$('.SelectPageId strong').click(function(e)
		{	$(".TABUL").stop();
			$('.SelectPageId strong').stop();
			$('.SelectPageId strong').removeClass('selectPage');
			$(this).addClass('selectPage');
			var index=$('.SelectPageId strong').index(this);
			$(".TABUL").slideUp();
			$(".TABUL:eq("+index+")").slideDown();
		})

})
</script>